import { memo } from "react";
import { View, Text } from "@tarojs/components";
import styles from "./index.module.scss";

import type { FC } from "react";

interface IProps {
  name: string;
  desc: string;
}

const ProfileItem: FC<IProps> = (props) => {
  const { name, desc } = props;

  return (
    <View className={styles["profile-item"]}>
      <Text className={styles.name}>{name}</Text>
      <Text className={styles.desc}>{desc}</Text>
    </View>
  );
};

export default memo(ProfileItem);
